<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>business_add</title>
    <link rel="stylesheet" href="../../../static/layer/css/layui.css" media="all"/>
    <script type="text/javascript" charset="utf-8" src="../../../static/uediter/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="../../../static/uediter/ueditor.all.min.js"> </script>
    <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
    <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
    <script type="text/javascript" charset="utf-8" src="../../../static/uediter/lang/zh-cn/zh-cn.js"></script>
    <style>
        .view-form .layui-input-block {
            line-height: 36px;
            background: #eeeeee;
            padding-left: 20px;
            font-size: 16px;
        }
    </style>
</head>

<body>
<div style="padding: 20px;">
    <form class="layui-form" action="">
        <div class="layui-form-item">
            <label class="layui-form-label">模板类型：</label>
            <div class="layui-input-block">
                <select name="TEMPLATE_TYPE" lay-filter="templateType">
                    <option value="0">合同模板</option>
                    <option value="1">凭证模板</option>
                </select>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">模板名称：</label>
            <div class="layui-input-block">
                <input type="text" name="TEMPLATE_NAME" lay-verify="required" placeholder="请输入模板名称" autocomplete="off"
                       class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">模板标签：</label>
            <div class="layui-input-block">
                <div class="layui-collapse" lay-filter="test">
                    <div class="layui-colla-item">
                        <h2 class="layui-colla-title">合同模板标签列表</h2>
                        <div class="layui-colla-content">
                            <p>创建时间：{{CREATE_DATE}}</p>
                            <p>提交人：{{SUBMIT_PERSON_NAME}}</p>
                            <p>租户：{{PERSON_NAME}}</p>
                            <p>公司名：{{COMPANY_NAME}}</p>
                            <p>统一社会信用代码：{{BUSS_CODE}}</p>
                            <p>行业类别：{{INDUSTRY_NAME}}</p>
                            <p>公司类型：{{COMPANY_TYPE}}</p>
                            <p>注册资金(认缴)：{{REG_CAPITAL}}</p>
                            <p>注册资金(实缴)：{{REG_CAPITAL_PAY}}</p>
                            <p>注册地址：{{REG_ADDRESS}}</p>
                            <p>经营地址：{{BUSINESS_ADDRESS}}</p>
                            <p>法人：{{LEGAL_PERSON_NAME}}</p>
                            <p>法人电话：{{LEGAL_PERSON_TEL}}</p>
                            <p>签订人：{{SIGNER}}</p>
                            <p>签订人电话：{{SIGNER_TEL}}</p>
                            <p>借款金额：{{LOAN_PRICE}}</p>
                            <p>借款利率：{{BORROW_INTEREST_RATE}}</p>
                            <p>借款期限：{{BORROW_PERIOD}}</p>
                            <p>合同编号：{{CONTRACT_NUM}}</p>
                            <p>合同签订日期：{{CON_DATE}}</p>
                            <p>合同开始日期：{{CON_HR_DATE}}</p>
                            <p>合同结束日期：{{CON_END_DATE}}</p>
                            <p>滞纳金比率（元/）：{{LATE_PAYMENT_RATE}}</p>
                            <p>行业预警：{{HYYJ}}</p>
                            <p>社会主体评级：{{SHZTPJ}}</p>
                            <p>税务评级：{{SWPJ}}</p>
                            <p>企业风险：{{QYFX}}</p>
                            <p>企业状态：{{QYZT}}</p>
                            <p>企业状态：{{QYZT}}</p>
                            <p>欠税情况：{{QSQK}}</p>
                            <p>欠缴社保：{{QJSB}}</p>
                            <p>行政处罚记录：{{XZCFJL}}</p>
                            <p>法院诉讼信息：{{FYSSXX}}</p>
                            <p>法院强制执行：{{FYQZZX}}</p>
                            <p>对外担保：{{DWDB}}</p>
                            <p>对外担保不良：{{DWDBBL}}</p>
                            <p>逾期贷款：{{YQDK}}</p>
                            <p>他行逾期贷款：{{THYQDK}}</p>
                            <p>抵押物权属清晰：{{DYWQSQX}}</p>
                            <p>关联企业不良：{{GLQYBL}}</p>
                            <p>备注：{{INFO}}</p>


                        </div>
                    </div>
                   <!-- <div class="layui-colla-item">
                        <h2 class="layui-colla-title">凭证模板标签列表</h2>
                        <div class="layui-colla-content">
                            <p>商户名：{{COMPANY_NAME}}</p>
                            <p>公户私户：{{ALLOT_BILL}}</p>
                            <p>开始日期：{{START_DATE}}</p>
                            <p>结束日期：{{END_DATE}}</p>
                            <p>支付日期：{{PAY_DATE}}</p>
                            <p>账单名称：{{BILL_NAME}}</p>
                            <p>账单金额：{{TOTAL_PRICE}}</p>
                            <p>账单金额-大写：{{TOTAL_PRICE_DX}}</p>
                            <p>当前日期-年：{{NOW_YEAR}}</p>
                            <p>当前日期-月：{{NOW_MONTH}}</p>
                            <p>当前日期-日：{{NOW_DAY}}</p>
                        </div>
                    </div>-->
                </div>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">模板信息：</label>
            <div class="layui-input-block">
                <textarea id="editor" name="TEMPLATE_INFO" type="text/plain" style="width:100%;height:500px;"></textarea>
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">备注信息：</label>
            <div class="layui-input-block">
                <textarea name="TEMPLATE_REMARK" placeholder="请输入备注信息" class="layui-textarea"></textarea>
            </div>
        </div>
        <div class="layui-form-item operate-button-group">
            <div class="layui-input-block">
                <button class="layui-btn" lay-submit="" lay-filter="template">保存</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
            </div>
        </div>
    </form>
    <!--<div id="btns">
        <div>
            <button onclick="getAllHtml()">获得整个html的内容</button>
            <button onclick="getContent()">获得内容</button>
            <button onclick="setContent()">写入内容</button>
            <button onclick="setContent(true)">追加内容</button>
            <button onclick="getContentTxt()">获得纯文本</button>
            <button onclick="getPlainTxt()">获得带格式的纯文本</button>
            <button onclick="hasContent()">判断是否有内容</button>
            <button onclick="setFocus()">使编辑器获得焦点</button>
            <button onmousedown="isFocus(event)">编辑器是否获得焦点</button>
            <button onmousedown="setblur(event)" >编辑器失去焦点</button>
        </div>
        <div>
            <button onclick="getText()">获得当前选中的文本</button>
            <button onclick="insertHtml()">插入给定的内容</button>
            <button id="enable" onclick="setEnabled()">可以编辑</button>
            <button onclick="setDisabled()">不可编辑</button>
            <button onclick=" UE.getEditor('editor').setHide()">隐藏编辑器</button>
            <button onclick=" UE.getEditor('editor').setShow()">显示编辑器</button>
            <button onclick=" UE.getEditor('editor').setHeight(300)">设置高度为300默认关闭了自动长高</button>
        </div>
        <div>
            <button onclick="getLocalData()" >获取草稿箱内容</button>
            <button onclick="clearLocalData()" >清空草稿箱</button>
        </div>
    </div>
    <div>
        <button onclick="createEditor()">
            创建编辑器</button>
        <button onclick="deleteEditor()">
            删除编辑器</button>
    </div>-->

</div>

<script type="text/javascript" src="../../../static/js/common/queryUtils.js"></script>
<script type="text/javascript" src="../../../static/layer/layui.js"></script>
<script type="text/javascript">

    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('editor', {
        toolbars: [
            ['fullscreen', 'source', 'undo', 'redo'],
            ['bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc']
        ]
    });

    function isFocus(e){
        alert(UE.getEditor('editor').isFocus());
        UE.dom.domUtils.preventDefault(e)
    }
    function setblur(e){
        UE.getEditor('editor').blur();
        UE.dom.domUtils.preventDefault(e)
    }
    function insertHtml() {
        var value = prompt('插入html代码', '');
        UE.getEditor('editor').execCommand('insertHtml', value)
    }
    function createEditor() {
        enableBtn();
        UE.getEditor('editor');
    }
    function getAllHtml() {
        alert(UE.getEditor('editor').getAllHtml())
    }
    function getContent() {
        var arr = [];
        arr.push("使用editor.getContent()方法可以获得编辑器的内容");
        arr.push("内容为：");
        arr.push(UE.getEditor('editor').getContent());
        alert(arr.join("\n"));
    }
    function getPlainTxt() {
        var arr = [];
        arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
        arr.push("内容为：");
        arr.push(UE.getEditor('editor').getPlainTxt());
        alert(arr.join('\n'))
    }
    function setContent(isAppendTo) {
        var arr = [];
        arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
        UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
        alert(arr.join("\n"));
    }
    function setDisabled() {
        UE.getEditor('editor').setDisabled('fullscreen');
        disableBtn("enable");
    }
    function setEnabled() {
        UE.getEditor('editor').setEnabled();
        enableBtn();
    }
    function getText() {
        //当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
        var range = UE.getEditor('editor').selection.getRange();
        range.select();
        var txt = UE.getEditor('editor').selection.getText();
        alert(txt)
    }
    function getContentTxt() {
        var arr = [];
        arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
        arr.push("编辑器的纯文本内容为：");
        arr.push(UE.getEditor('editor').getContentTxt());
        alert(arr.join("\n"));
    }
    function hasContent() {
        var arr = [];
        arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
        arr.push("判断结果为：");
        arr.push(UE.getEditor('editor').hasContents());
        alert(arr.join("\n"));
    }
    function setFocus() {
        UE.getEditor('editor').focus();
    }
    function deleteEditor() {
        disableBtn();
        UE.getEditor('editor').destroy();
    }
    function disableBtn(str) {
        var div = document.getElementById('btns');
        var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
        for (var i = 0, btn; btn = btns[i++];) {
            if (btn.id == str) {
                UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
            } else {
                btn.setAttribute("disabled", "true");
            }
        }
    }
    function enableBtn() {
        var div = document.getElementById('btns');
        var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
        for (var i = 0, btn; btn = btns[i++];) {
            UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
        }
    }
    function getLocalData () {
        alert(UE.getEditor('editor').execCommand( "getlocaldata" ));
    }
    function clearLocalData () {
        UE.getEditor('editor').execCommand( "clearlocaldata" );
        alert("已清空草稿箱")
    }
</script>
<script type="text/javascript">
    var $;

    layui.use(['jquery', 'form', 'layer', 'upload', 'element'], function () {
        var form = layui.form,
            layer = layui.layer,
            element = layui.element,
            upload = layui.upload;
        $ = layui.jquery;

        //操作类型：add新增，edit修改，view查看
        var operateType = QueryUtils.GetQueryString("type");
        var id = QueryUtils.GetQueryString("id");
        switch (operateType) {
            case "add":
                break;
            case "edit":
                $.ajax({
                    url: "/template/info",
                    data: {ID: id},
                    dataType: "json",
                    type: "post",
                    async: false,
                    success: function (res) {
                        if (res.errcode === "0") {
                            $("select[name='TEMPLATE_TYPE']").val(res.data.TEMPLATE_TYPE);
                            form.render();
                            $("input[name='TEMPLATE_NAME']").val(res.data.TEMPLATE_NAME);
                            UE.getEditor('editor').setContent(res.data.TEMPLATE_INFO, false);
                            $("textarea[name='TEMPLATE_REMARK']").val(res.data.TEMPLATE_REMARK);
                        } else if (res.errcode === "1") {
                            layer.msg(res.errmsg, function () {
                            });
                        }
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        console.error(XMLHttpRequest.status);
                        console.error(XMLHttpRequest.readyState);
                        console.error(textStatus);
                    }
                });
                break;
            case "view":
                $.ajax({
                    url: "/template/info",
                    data: {ID: id},
                    dataType: "json",
                    type: "post",
                    async: false,
                    success: function (res) {
                        if (res.errcode === "0") {

                            $(".layui-form").addClass("view-form");
                            var str = "";
                            if (res.data.TEMPLATE_TYPE == "0") {
                                str = "合同模板";
                            } else if (res.data.TEMPLATE_TYPE == "1") {
                                str = "凭证模板";
                            }
                            $("select[name='TEMPLATE_TYPE']").parent().html(str);
                            $("input[name='TEMPLATE_NAME']").parent().html(res.data.TEMPLATE_NAME);
                            $("textarea[name='TEMPLATE_REMARK']").parent().html(res.data.TEMPLATE_REMARK);
                            $(".operate-button-group").remove();
                            UE.getEditor('editor').setContent(res.data.TEMPLATE_INFO, false);
                            UE.getEditor('editor').setDisabled('fullscreen');
                            disableBtn("enable");
                        } else if (res.errcode === "1") {
                            layer.msg(res.errmsg, function () {
                            });
                        }
                    },
                    error: function (XMLHttpRequest, textStatus, errorThrown) {
                        console.error(XMLHttpRequest.status);
                        console.error(XMLHttpRequest.readyState);
                        console.error(textStatus);
                    }
                });
                break;
        }

        // 模板类型下拉框
        /*form.on('select(templateType)', function (data) {
            if (data.value == 0) {
                $(".layui-colla-content-pz").hide();
                $(".layui-colla-content-ht").show();
            } else if (data.value == 1) {
                $(".layui-colla-content-ht").hide();
                $(".layui-colla-content-pz").show();
            }
        });*/

        //监听提交
        form.on('submit(template)', function (data) {
            /*layer.alert(JSON.stringify(data.field), {
                title: '最终的提交信息'
            });*/
            if (operateType === "add") {
                layer.msg('确认保存模板吗', {
                    time: 0
                    , btn: ['确定', '取消']
                    , shade: 0.3
                    , yes: function (index) {
                        layer.close(index); // 关闭当前提示框
//                        console.log(data.field);
                        $.ajax({
                            url: "/template/save",
                            data: data.field,
                            dataType: "json",
                            type: "post",
                            async: false,
                            success: function (res) {
                                if (res.errcode === "0") {
                                    var i = parent.layer.getFrameIndex(window.name);
                                    parent.layer.close(i);  // 关闭新建商圈页面
                                    parent.reload();    // 父页面表格刷新
                                    parent.layer.msg("保存成功", {offset: '150px'});   // 父页面弹出保存成功
                                } else if (res.errcode === "1") {
                                    layer.msg(res.errmsg, function () {
                                    });
                                }
                            },
                            error: function (XMLHttpRequest, textStatus, errorThrown) {
                                console.error(XMLHttpRequest.status);
                                console.error(XMLHttpRequest.readyState);
                                console.error(textStatus);
                            }
                        });
                    }
                });
            } else if (operateType === "edit") {
                data.field.ID = id;
                layer.msg('确认保存模板吗', {
                    time: 0
                    , btn: ['确定', '取消']
                    , shade: 0.3
                    , yes: function (index) {
                        layer.close(index); // 关闭当前提示框
                        $.ajax({
                            url: "/template/edit",
                            data: data.field,
                            dataType: "json",
                            type: "post",
                            async: false,
                            success: function (res) {
                                if (res.errcode === "0") {
                                    var i = parent.layer.getFrameIndex(window.name);
                                    parent.layer.close(i);  // 关闭修改商圈页面
                                    parent.reload();    // 父页面表格刷新
                                    parent.layer.msg("修改成功", {offset: '150px'});   // 父页面弹出修改成功
                                } else if (res.errcode === "1") {
                                    layer.msg(res.errmsg, function () {
                                    });
                                }
                            },
                            error: function (XMLHttpRequest, textStatus, errorThrown) {
                                console.error(XMLHttpRequest.status);
                                console.error(XMLHttpRequest.readyState);
                                console.error(textStatus);
                            }
                        });
                    }
                });
            }
            return false;
        });

    });

</script>
</body>

</html>